<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>03-后代选择器</title>
    <style>
        /*后代选择器又称为包含选择器，选择所有被E元素包含的F元素，中间用空格隔开。*/
       /* div.ziBox span{
            color: blue;
        }*/
        /*选择所有作为E元素的直接子元素F，对孙子元素不起作用，用大于号表示。*/
        div.box>span{
            color: coral;
        }
    </style>
</head>
<body>
<div class="box">
    <h1>我是一个h1标签</h1>
    <span>我是一个span标签</span>
    <div class="ziBox">
        <p>我是一个p标签</p>
        <span>我是一个span标签</span>
        <strong>我是一个强调标签</strong>
    </div>
    <p>我是一个p标签</p>
</div>
</body>
</html>